<template>
	<view class="wrapper cfff">
		<view class="f30 title tCenter">和身边的朋友输入同样的四个数字， 进入同一个群聊</view>
		<one-input @finish="finishedOne" v-model="keynum"></one-input>
		<dlNumKey @rundata='dateChange' class='key'></dlNumKey>
	</view>
</template>

<script>
import dlNumKey from '@/components/dl-numKey/dl-numKey.vue'
import oneInput from '../../components/myp-one/myp-one.vue';
export default {
	data() {
		return {
			keynum:''
		};
	},
	onLoad() {},
	methods: {
		dateChange(res){
			console.log(res)
			this.keynum=res
		},
		finishedOne() {
			this.$open('./joinFaceGroup')
		}
	},
	components: {
		oneInput,dlNumKey
	}
};
</script>

<style lang="scss">
page {
	background: #161b24;
	.key{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.title{
		width:457rpx;
		height:68rpx;
		font-weight:500;
		color:rgba(224,224,224,1);
		line-height:40rpx;
		margin: 72rpx auto 90rpx;
	}
}
</style>
